<template>
	<view class="content">
		<view class="main">
			<view class="success-icon"></view>
			<view class="text">提交成功</view>
			<button class="btn-primary" @click="go('invoiceNav')">发票首页</button>
			<button class="btn-default" @click="go('invoiceHistory')">开票历史</button>
		</view>
	</view>
</template>

<script setup lang="ts">
	const go = (url) => {
		uni.navigateTo({
			url: url
		})
	}
</script>
<style>
	page{
		background: #fff;
		height: 100%;
	}
</style>
<style lang="scss" scoped>
.content{
	height: 100%;
	.main{
		text-align: center;
	}
	.text{
		line-height: 50rpx;
		color: rgba(102, 102, 102, 1);
		font-size: 40rpx;
	}
	.btn-primary{
		width: 686rpx;
		height: 84rpx;
		line-height: 84rpx;
		font-size: 30rpx;
		margin: 120rpx auto 48rpx;
	}
	.btn-default{
		width: 686rpx;
		height: 84rpx;
		line-height: 84rpx;
		font-size: 30rpx;
		color: rgba(253, 150, 24, 1);
		border:1px solid rgba(253, 150, 24, 1);
	}
	.success-icon{
		display: inline-block;
		width: 112rpx;
		height: 112rpx;
		margin: 120rpx 0 32rpx 0;
		background: url('#{$imgUrl}/personal/success-icon.png');
		background-size: 100% 100%;
	}
}
</style>
